<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>消息列表</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/daoke.css">
</head>

<body>
	<!-- 顶部 start -->
	<div class="header">
		<a href="" class="logo">智慧安全云平台</a>
		<div style="display:flex;align-items:center;margin-right:50px;">
			<!-- 消息 start -->
			<div class="pos-r bignews" style="margin-right:20px;">
				<i class="iconfont icon-xiaoxi color-f cursor-p" style="font-size:32px;"></i>
				<div class="news pos-a bg-f b-box" style="width:340px;top:53px;right:-80px;z-index: 10;border-radius:5px;box-shadow: 0px 5px 20px #ccc;">
					<div class="b-box" style="padding:20px;">
						<div class="b-box font14 color-3" style="height:30px;border-bottom: 3px solid #5575d7;width: 58px;">消息通知</div>
						<div>
							<!-- 有消息 start -->
							<div style="margin-top:10px;border-bottom: 1px solid #EAEDF2;">
								<div class="font14">
									<span class="overflow-h2 color-3" style="line-height:26px;">你好呀是是是的好地方和if好</span>
									<span class="color-9 l-ht40">2019-03-01 11:49</span>
								</div>
							</div>
							<a href="#" class="more fr font14 color-6" style="margin:20px 20px 20px 0;">查看更多</a>
							<!-- 有消息 end -->
							<!-- 无消息 start -->
							<div class="ht40 l-ht40 text-c font14 color-3">
								暂无消息
							</div>
							<!-- 无消息 end -->
						</div>
					</div>
				</div>
			</div>
			<!-- 消息 end -->
			<!-- 个人资料 start -->
			<div class="pos-r biginfo">
				<i class="iconfont icon-touxiang color-f cursor-p" style="font-size:40px;"></i>
				<div class="info pos-a bg-f b-box" style="width:340px;height:172px;top:53px;right:-20px;z-index: 10;border-radius:5px;box-shadow: 0px 5px 20px #ccc;">
					<div class="b-box" style="height:100px;padding:20px 0 20px 20px;border-bottom: 1px solid #EAEDF2;">
						<img src="../images/avtar.png" alt="" class="radius-circle" style="width:60px;height:60px;">
						<div class="display-ib vertical-a-t" style="margin-left:30px;">
							<div class="font14 color-3">周大发</div>
							<input type="button" value="我的个人信息" class="btn" style="width:110px;margin-top:10px;">
						</div>
					</div>
					<input type="button" value="退出" class="cbtn fr" style="width:50px;margin: 20px 20px 0 0;">
				</div>
			</div>
			<!-- 个人资料 end -->
		</div>
	</div>
	<!-- 顶部 end -->
	<!-- 左侧菜单导航 start -->
	<div class="pos-f text-c ht100 color-f" style="width:200px;z-index:99;padding-top:60px;background: #3A4253;">
		左侧菜单控件
	</div>
	<!-- 左侧菜单导航 end -->
	<!-- 内容 start -->
	<div class="w100" style="margin-top: 60px;height: calc(100% - 60px);background: #EAEDF2;">
		<!-- 页面名称 start -->
		<div class="ht40 l-ht40 bg-f pos-f font14 color-3" style="left:200px;right:0;z-index: 4;padding-left:20px ">
			<i class="iconfont icon-weizhang"></i>
			<span>消息列表</span>
		</div>
		<!-- 页面名称 end -->
		<!-- 主内容 start -->
		<div style="padding-left:220px;padding-top: 60px;">
			<div class="bg-f">
				<div class="ht40 b-box" style="padding-left:10px;border-bottom:1px solid #eaedf2;">
					<span class="font12 color-6 ht40 cursor-p" style="display:inline-flex;align-items:center;">
						<i class="iconfont icon-fanhui color-theme font22" style="margin-right:10px;"></i>
						返回
					</span>
				</div>
				<div class="b-box" style="min-height:70px;line-height:70px;border-bottom:1px solid #eaedf2;">
					<span class="font12 color-3" style="margin-left:20px;">发送人：</span>
					<input type="text">
					<span class="font12 color-3" style="margin-left:20px;">发送日期：</span>
					<input type="date" class="date">
					<span class="font12 color-3">至</span>
					<input type="date" class="date">
					<span class="font12 color-3" style="margin-left:20px;">阅读状态：</span>
					<select class="select" style="width:120px;">
						<option value="">已阅读</option>
						<option value="">未阅读</option>
					</select>
					<div class="display-ib ht30 l-ht30 bg-theme text-c cursor-p" style="width:30px;border-radius: 5px;margin-left:20px;">
						<i class="iconfont icon-sousuo color-f font16"></i>
					</div>
				</div>
				<!-- 消息列表 start -->
				<div class="w100 b-box" style="padding:0 0 20px 20px;">
					<div style="margin-top:20px;">
						<div class="bg-f8 ht30 l-ht30 b-box font12 color-6" style="width:calc(100% - 280px);">
							<!-- 向下展开时图标类为 icon-xia -->
							<i class="iconfont icon-you color-3 font14" style="margin:0 5px 0 10px;"></i>
							<span>时间</span>
							<span>（</span>
							<span>3</span>
							<span>条）</span>
						</div>
						<div class="displayn">
							<div class="msg-list bg-f b-box font12 color-6" style="width:calc(100% - 280px);min-height:49px;line-height:49px;border: 1px solid #efefef;border-top: none;">
								<span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:60%;">
									<span class="display-ib bg-6 pos-r" style="width:4px;height:4px;border-radius:10px;margin-left:30px;top:-2px;"></span>
									<a href="#" class="word font12 color-6" title="">请今天下午全部到场，开会请今天下午全部到场，开会请今天下午全部到场，开会</a>
								</span><span class="display-ib overflow-h b-box vertical-a-t text-c time" style="width:20%;">
									13:00
								</span><span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:20%;">
									<input type="button" value="删除" class="msg-btn b-box ht30 l-ht30 color-theme bg-f radius-4 cursor-p" style="width:60px;border:1px solid #5575D7;margin-top:10px;">
								</span>
							</div>
							<div class="msg-list bg-f b-box font12 color-6" style="width:calc(100% - 280px);min-height:49px;line-height:49px;border: 1px solid #efefef;border-top: none;">
								<span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:60%;">
									<span class="display-ib bg-6 pos-r" style="width:4px;height:4px;border-radius:10px;margin-left:30px;top:-2px;"></span>
									<a href="#" class="word font12 color-6" title="">请今天下午全部到场，开会请今天下午全部到场，开会请今天下午全部到场，开会</a>
								</span><span class="display-ib overflow-h b-box vertical-a-t text-c time" style="width:20%;">
									13:00
								</span><span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:20%;">
									<input type="button" value="删除" class="msg-btn b-box ht30 l-ht30 color-theme bg-f radius-4 cursor-p" style="width:60px;border:1px solid #5575D7;margin-top:10px;">
								</span>
							</div>
							<div class="msg-list bg-f b-box font12 color-6" style="width:calc(100% - 280px);min-height:49px;line-height:49px;border: 1px solid #efefef;border-top: none;">
								<span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:60%;">
									<span class="display-ib bg-6 pos-r" style="width:4px;height:4px;border-radius:10px;margin-left:30px;top:-2px;"></span>
									<a href="#" class="word font12 color-6" title="">请今天下午全部到场，开会请今天下午全部到场，开会请今天下午全部到场，开会</a>
								</span><span class="display-ib overflow-h b-box vertical-a-t text-c time" style="width:20%;">
									13:00
								</span><span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:20%;">
									<input type="button" value="删除" class="msg-btn b-box ht30 l-ht30 color-theme bg-f radius-4 cursor-p" style="width:60px;border:1px solid #5575D7;margin-top:10px;">
								</span>
							</div>
						</div>
					</div>
					<div style="margin-top:20px;">
						<div class="bg-f8 ht30 l-ht30 b-box font12 color-6" style="width:calc(100% - 280px);">
							<!-- 向下展开时图标类为 icon-xia -->
							<i class="iconfont icon-you color-3 font14" style="margin:0 5px 0 10px;"></i>
							<span>时间</span>
							<span>（</span>
							<span>3</span>
							<span>条）</span>
						</div>
						<div class="displayn">
							<div class="msg-list bg-f b-box font12 color-6" style="width:calc(100% - 280px);min-height:49px;line-height:49px;border: 1px solid #efefef;border-top: none;">
								<span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:60%;">
									<span class="display-ib bg-6 pos-r" style="width:4px;height:4px;border-radius:10px;margin-left:30px;top:-2px;"></span>
									<a href="#" class="word font12 color-6" title="">请今天下午全部到场，开会请今天下午全部到场，开会请今天下午全部到场，开会</a>
								</span><span class="display-ib overflow-h b-box vertical-a-t text-c time" style="width:20%;">
									13:00
								</span><span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:20%;">
									<input type="button" value="删除" class="msg-btn b-box ht30 l-ht30 color-theme bg-f radius-4 cursor-p" style="width:60px;border:1px solid #5575D7;margin-top:10px;">
								</span>
							</div>
							<div class="msg-list bg-f b-box font12 color-6" style="width:calc(100% - 280px);min-height:49px;line-height:49px;border: 1px solid #efefef;border-top: none;">
								<span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:60%;">
									<span class="display-ib bg-6 pos-r" style="width:4px;height:4px;border-radius:10px;margin-left:30px;top:-2px;"></span>
									<a href="#" class="word font12 color-6" title="">请今天下午全部到场，开会请今天下午全部到场，开会请今天下午全部到场，开会</a>
								</span><span class="display-ib overflow-h b-box vertical-a-t text-c time" style="width:20%;">
									13:00
								</span><span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:20%;">
									<input type="button" value="删除" class="msg-btn b-box ht30 l-ht30 color-theme bg-f radius-4 cursor-p" style="width:60px;border:1px solid #5575D7;margin-top:10px;">
								</span>
							</div>
							<div class="msg-list bg-f b-box font12 color-6" style="width:calc(100% - 280px);min-height:49px;line-height:49px;border: 1px solid #efefef;border-top: none;">
								<span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:60%;">
									<span class="display-ib bg-6 pos-r" style="width:4px;height:4px;border-radius:10px;margin-left:30px;top:-2px;"></span>
									<a href="#" class="word font12 color-6" title="">请今天下午全部到场，开会请今天下午全部到场，开会请今天下午全部到场，开会</a>
								</span><span class="display-ib overflow-h b-box vertical-a-t text-c time" style="width:20%;">
									13:00
								</span><span class="display-ib overflow-h b-box vertical-a-t text-l" style="width:20%;">
									<input type="button" value="删除" class="msg-btn b-box ht30 l-ht30 color-theme bg-f radius-4 cursor-p" style="width:60px;border:1px solid #5575D7;margin-top:10px;">
								</span>
							</div>
						</div>
					</div>
				</div>
				<!-- 消息列表 end -->
			</div>
			<!-- 主内容 end -->
		</div>
		<!-- 内容 end -->

</body>

</html>
